<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		.warper {
			width: 1280px;
			border: solid 1px red;
			margin: 0 auto;
			margin-top: 10px;
		}

		.top {
			width: 100%;
			background-color: black;
			height: 140px;
		}

		.MainNav {
			height: 50px;
		}

		.part1 {
			height: 567px;
		}

		.photo {
			width: 867px;
			height: 567px;
			border: solid 1px blue;
			float: left;
		}

		.right {
			width: 380px;
			height: 567px;
			border: solid 1px black;
			float: right;
		}

		.right div {
			width: 376px;
			height: 280px;
			border: solid 1px green;
		}

		.part2 {
			height: 392px;
		}

		.part3 {
			height: 301px;
			overflow: hidden;
		}

		.part3 aside {
			width: 635px;
			height: 298px;
			border: solid 1px #00FFFF;
			float: left;
		}

		.part4 {
			height: 135px;
		}

		.part5 {
			height: 457px;
			overflow: hidden;
		}

		.part5 div {
			width: 420px;
			height: 450px;
			border: solid 1px #5F9EA0;
			float: left;
		}

		.part6 {
			height: 356px;
			overflow: hidden;
		}

		.part6 div {
			width: 420px;
			height: 350px;
			border: solid 1px #5F9EA0;
			float: left;
		}

		.part7 {
			height: 350px;
			overflow: hidden;
		}

		.part7 div {
			width: 420px;
			height: 345px;
			border: solid 1px #5F9EA0;
			float: left;
		}

		.part8 {
			height: 128px;
		}

		.part9 {
			height: 493px;
		}

		.part9 .d1 {
			width: 1280px;
			height: 340px;
			border: solid 1px #5F9EA0;
		}

		.part9 .d2 {
			width: 1278px;
			height: 150px;
			border: solid 1px #5F9EA0;
		}
	</style>
	<body>
		<header class="top"></header>
		<nav class="warper MainNav"></nav>
		<section class="warper part1">
			<aside class="photo"></aside>
			<section class="right">
				<div></div>
				<div></div>
			</section>
		</section>
		<section class="warper part2"></section>
		<section class="warper part3">
			<aside></aside>
			<aside></aside>
		</section>
		<section class="warper part4"></section>
		<section class="warper part5">
			<div></div>
			<div></div>
			<div></div>
		</section>
		<section class="warper part6">
			<div></div>
			<div></div>
			<div></div>
		</section>
		<section class="warper part7">
			<div></div>
			<div></div>
			<div></div>
		</section>
		<footer class="warper">
			<section class="warper part8"></section>
			<section class="warper part9">
				<div class="d1"></div>
				<div class="d2"></div>
			</section>
		</footer>
	</body>
</html>
